<template>
        <el-card class="box-card">
          <template #header>
            <div class="card-header">
              <span>{{ $route.meta.web_title }}</span>
            </div>
          </template>
          <el-row>
            <el-col :span="24">
              <Uedit v-model="content"></Uedit>
            </el-col>
            <el-col :span="24" style="margin-top:10px">
              <el-card class="box-card">
                <template #header>
                  <div class="card-header">
                    <span>编辑内容渲染</span>
                  </div>
                </template>
                <div v-html="content" id="content"></div>
              </el-card>
            </el-col>
          </el-row>
        </el-card>
      </template>
      <script>
      import Uedit from "./TEditor";
      export default {
        props: ["pc"],
        components: {
          Uedit,
        },
        data() {
          return {
            content: "",
          };
        },
      };
      </script>
      <style scoped>
      #content {
        width: 100%;
        display: block;
        word-break: break-all;
        word-wrap: break-word;
      }
      </style>